<template>
  <div>
    <el-form :model="form"  label-width="100px" ref="form">
    <h1>Nuxtcui项目</h1>
  <el-form-item label="用户名">
    <el-input  v-model="form.username"></el-input>
  </el-form-item>
  <el-form-item label="密码">
    <el-input type="password" v-model="form.password"></el-input>
  </el-form-item>
  <el-form-item label="记住我">
    <el-switch v-model="form.remeber"></el-switch>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="onSubmit">登录</el-button>
    <el-button>清空</el-button>
    <el-link style="margin-left:10px" type="primary" :underline='false'>新用户注册</el-link>
  </el-form-item>
</el-form>
  </div>
</template>

<script>
  export default {
    data(){
      return {
        form:{}
      }
    },
    methods:{
      onSubmit(){

      }
    }
  }
</script>

<style scoped>
body {
  background-image: url('../../static/img/background.png');
}
</style>